<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="demo/layout/head :: head(~{::title}, ~{::link})">
    <title>欢迎</title>
    <link rel="stylesheet" th:href="@{/css/index.css}">
    <link rel="stylesheet" th:href="@{/css/test.css}">
</head>
<body>
    欢迎您，<span th:text="'亲爱的 ' + ${user.usrName} + ' ！'">usrName</span>
    <br>
    欢迎您，<span th:text="|亲爱的 ${session.s_user.usrName}| + ' ！'">usrName</span>
    <br>
    出生日期：<span th:text="${#dates.format(sss, 'yyyy-MM-dd')}">1990-01-01</span>
    <br>
    <div th:inline="text">
        <p>Hello, [[${user.usrName}]]</p>
    </div>

    <table>
        <tr style="background-color: #ccc;">
            <td>NO</td>
            <td>编号</td>
            <td>姓名</td>
            <td>密码</td>
            <td>状态</td>
        </tr>
        <tr th:each="user,stat : ${users}" th:style="${stat.even} ? 'background-color: #ccc;' : ''">
            <td th:text="${stat.even}"></td>
            <td th:text="${user.usrId}">编号</td>
            <td th:text="${user.usrName}">姓名</td>
            <td th:text="${user.usrPassword}">密码</td>
            <td th:text="${user.usrFlag==1} ? '激活' : '未激活'">状态</td>
        </tr>
    </table>
    <div th:insert="demo/layout/footer :: copyright">这是原来的内容</div>
    <script th:inline="javascript">
        var name = /*[[${user.usrName}]]*/ "小苍老师";
        alert("欢迎您，" + name);
    </script>
</body>
</html>